@import '../../utils/common/reset';
.evaluate {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 17rpx;
    &__title {
        padding-top: 52rpx;
        border-top: 1rpx solid $bdtColor;
        border-bottom: 1rpx solid #eba593;
        padding-left: 13rpx;
        text {
            display: block;
            width: 175rpx;
            height: 53rpx;
            font-size: 24rpx;
            line-height: 53rpx;
            color: #fff;
            text-align: center;
            background-color: #eba593;
        }
    }
    &__grade {
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding-bottom: 38rpx;
        padding-top: 50rpx;
        border-bottom: 1rpx solid $bdtColor;
        text {
            @include fz(24);
            padding-left: 30rpx;
        }
        &__stars {
            &__item {
                width: 46rpx;
                height: 43rpx;
                margin-left: 18rpx;
                &:first-child{
                    margin-left: 0;
                }
            }
        }
        &__time {
            @include fz(23);
            color: #666;
            letter-spacing: 0;
        }
    }
    &__content {
        padding-top: 27rpx;
        text {
            font-size: 22rpx;
            line-height: 48rpx;
        }
        &__imgs {
            margin-top: 22rpx;
            &__item {
                width: 175rpx;
                height: 175rpx;
                border: 1rpx solid $bdtColor;
                margin-right: 25rpx;
                background-color: $bdtColor;
            }
        }
    }
}